<section id="newstips">
    <h1 class="demo-title">newstips</h1>
    <div class="demo-panel">
        <h6>新消息提示</h6>
        <div class="demo-block">
            <div class="newstips-wrap">
                <div class="newstips" style="width: 375px;">
                    <span class="newstips-thumb newstips-thumb-round">
                        <span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span>
                    </span>
                    <div>新消息新消息新消息新消息新消息新消息新消息新消息</div>
                    <span class="newstips-reddot"></span>
                </div>
            </div>
            <div class="newstips-wrap">
                <div class="newstips">
                    <span class="newstips-thumb">
                        <span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span>
                    </span>
                    <div>新消息</div>
                    <span class="newstips-num">123</span>
                </div>
            </div>
            <div class="newstips-wrap">
                <div class="newstips">
                    <i></i>
                    <div>新消息</div>
                    <span class="newstips-num">123</span>
                </div>
            </div>
        </div>
<pre lang-prism class="language-html">
    <code class="language-html">
        &lt;div class="newstips-wrap"&gt;
            &lt;div class="newstips"&gt;
                &lt;span class="newstips-thumb newstips-thumb-round"&gt;
                    &lt;span style="background-image:url(http://placeholder.qiniudn.com/60x60)"&gt;&lt;/span&gt;
                &lt;/span&gt;
                &lt;div&gt;新消息新消息新消息新消息新消息新消息新消息新消息&lt;/div&gt;
                &lt;span class="newstips-reddot"&gt;&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="newstips-wrap"&gt;
            &lt;div class="newstips"&gt;
                &lt;span class="newstips-thumb"&gt;
                    &lt;span style="background-image:url(http://placeholder.qiniudn.com/60x60)"&gt;&lt;/span&gt;
                &lt;/span&gt;
                &lt;div&gt;新消息&lt;/div&gt;
                &lt;span class="newstips-num"&gt;123&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="newstips-wrap"&gt;
            &lt;div class="newstips"&gt;
                &lt;i&gt;&lt;/i&gt;
                &lt;div&gt;新消息&lt;/div&gt;
                &lt;span class="newstips-num"&gt;123&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    </code>
</pre>
    </div>
</section>
